<table>
    <thead>
    <tr>
        <th>货品信息</th>
        <th>单价(元)</th>
        <th>数量</th>
        <th>优惠(元)</th>
        <th>金额(元)</th>
        <th>运费(元)</th>
    </tr>
    </thead>
    <tbody>
        {% for item in items %}
        <tr>
            <td>
                <div class="order-detail">
                    <img class="product-logo" src="{{item.product.cover.split(',')[0]}}" alt="">
                    <div class="order-detail-right">
                        <p class="product-desc">{{item.product.name}}</p>
                        <p class="type">加工类型：{{type  | formatType}}</p>
                    </div>
                </div>
            </td>
            <td>
                {{item | computeUnitPrice}}
            </td>
            <td>
                {{item.quantity}}
            </td>
            <td>
                --
            </td>
            <td>
                {{item | computerTotalPrice}}
            </td>
            <td class="express-fee">
                <p>{{item | computeFreight}}</p>
                <p>查看详情</p>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
<div class="table-total">
    <div class="form">
        <label for="">给买家留言：</label>
        <input id="remarks" type="text" placeholder="可以告诉买家您的特殊要求">
    </div>
    <div class="total">
        <p>运费共计：<span class="freight"></span>元</p>
        <p>货品总金额：<span class="totalPrice"></span>元</p>
    </div>
</div>